<template>
  <div class="card">
    <slot name="header"></slot>
    <hr />
    <!-- <slot name="body"></slot> -->
    <!-- <slot></slot> -->
    <slot name="default"></slot>
    <hr />
    <slot name="footer"></slot>
  </div>
</template>

<style scoped>
.card {
  display: inline-block;
  min-width: 200px;
  min-height: 200px;
  box-shadow: 0 0 6px 0 #333;
  border-radius: 10px;
  overflow: hidden;
}
</style>
